/* styles/button/imgbutton.css */

/* Общие стили для всех кнопок-иконок */
.email-button,
.telegram-button,
.vk-button {
    display: inline-block;
    width: 170px;              /* размер кнопки — при необходимости измените */
    height: 170px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: background-image 0.2s ease-in-out;
    /* убираем всё лишнее — никаких padding, border-radius, градиентов */
}

/* Индивидуальные фоны */
.email-button {
    background-image: url("../../img/buttons/newlogoandbuttomsemail.png");
}
.email-button:hover {
    background-image: url("../../img/buttons/newlogoandbuttomsemailactive.png");
}

.telegram-button {
    background-image: url("../../img/buttons/newlogoandbuttomstelegram.png");
}
.telegram-button:hover {
    background-image: url("../../img/buttons/newlogoandbuttomstelegramactive.png");
}

.vk-button {
    background-image: url("../../img/buttons/newlogoandbuttomsvk.png");
}
.vk-button:hover {
    background-image: url("../../img/buttons/newlogoandbuttomsvkactive.png");
}